<admintpl file="header"/>
<style type="text/css">
.col-auto { overflow: auto; _zoom: 1;_float: left;}
.col-right { float: right; width: 210px; overflow: hidden; margin-left: 6px; }
.table th, .table td {vertical-align: middle;}
.picList li{margin-bottom: 5px;}
</style>
</head>
<body class="J_scroll_fixed">
<div class="wrap J_check_wrap">
  <ul class="nav nav-tabs">
			<li><a href="{:U('Posts/index')}">活动文章</a></li>
			<li class="active"><a href="{:U('Posts/add')}">添加活动</a></li>
  </ul>
  <form name="myform" id="myform" action="{:U('Posts/add_post')}" method="post" class="form-horizontal J_ajaxForms" enctype="multipart/form-data">
  <div class="row-fluid">
    <div class="span9">
      <table class="table table-bordered">
            <tr>
              <th width="100px">所属板块 </th>
              <td>
								<select name="post_term" class="normal_select">
										<option value='0'>请选择</option>
									<foreach name="typeconfigs" item="type">
										<option value='{$type.typeid}'>{$type.typename}</option>
					        </foreach>
								</select>
              </td>
            </tr>
            <tr>
              <th>标题 </th>
              <td>
              	<input type="text" style="width:400px;" required name="post_title" id="title" class="input input_hd J_title_color" placeholder="请输入标题" onkeyup="strlen_verify(this, 'title_len', 160)" />
              </td>
            </tr>
            <tr>
              <th>摘要 </th>
              <td><textarea name='post_excerpt' required style='width:400px;height:50px;' placeholder='请填写摘要'></textarea><span class="must_red">*</span></td>
            </tr>
            <tr>
              <th>内容</th>
              <td>
              	<script type="text/plain" id="content" name="post_content"></script>
                <script type="text/javascript">
                //编辑器路径定义
                var editorURL = GV.DIMAUB;
                </script>
                <script type="text/javascript"  src="__ROOT__/statics/js/ueditor/ueditor.config.js"></script>
                <script type="text/javascript"  src="__ROOT__/statics/js/ueditor/ueditor.all.min.js"></script>
				</td>
            </tr>
      </table>
    </div>
		<div class="span3">
				<table width="100%"  cellpadding="2" cellspacing="2" class="table table-bordered">
						<tr><td><b>缩略图</b>(图片宽必须为高的2.6倍)</td></tr>
						<tr><td><input type="file"id="fimg" name="post_image" accept="image/*"/></td></tr>
						<tr><td><img src="" id="pimg"></td></tr>
						<tr><th>状态</th></tr>
						<tr><td>
								<label class="radio"><input type="radio" name="post_status" value="1" checked>开启</label>
								<label class="radio"><input type="radio" name="post_status" value="0">关闭</label>
            </td></tr>
						<tr><td>
								<label class="radio"><input type="radio" name="post_istop" value="1">置顶</label>
								<label class="radio"><input type="radio" name="post_istop" value="0" checked>未置顶</label>
            </td></tr>
						<tr><td>
								<label class="radio"><input type="radio" name="post_push" value="1">推送</label>
								<label class="radio"><input type="radio" name="post_push" value="0" checked>不推送</label>
            </td></tr>
					</table>
			</div>
  
  </div>
  <div class="form-actions">
        <button class="btn btn-primary btn_submit J_ajax_submit_btn"type="submit">提交</button>
        <a class="btn" href="{:U('Posts/index')}">返回</a>
  </div>
 </form>
</div>
<script type="text/javascript" src="__ROOT__/statics/js/common.js"></script>
<script type="text/javascript" src="__ROOT__/statics/js/content_addtop.js"></script>
<script type="text/javascript">
$("#fimg").change(function(){
	var objUrl = getObjectURL(this.files[0]) ;
	console.log("objUrl = "+objUrl) ;
	if (objUrl) {
		$("#pimg").attr("src", objUrl) ;
	}
}) ;
//建立一個可存取到該file的url
function getObjectURL(file) {
	var url = null ; 
	if (window.createObjectURL!=undefined) { // basic
		url = window.createObjectURL(file) ;
	} else if (window.URL!=undefined) { // mozilla(firefox)
		url = window.URL.createObjectURL(file) ;
	} else if (window.webkitURL!=undefined) { // webkit or chrome
		url = window.webkitURL.createObjectURL(file) ;
	}
	return url ;
}
$(function () {
	 Wind.use('validate', 'ajaxForm', 'artDialog', function () {
			//javascript
	        
	            //编辑器
	            editorcontent = new baidu.editor.ui.Editor();
	            editorcontent.render( 'content' );
	            try{editorcontent.sync();}catch(err){};
	            //增加编辑器验证规则
	            jQuery.validator.addMethod('editorcontent',function(){
	                try{editorcontent.sync();}catch(err){};
	                return editorcontent.hasContents();
	            });
	            var form = $('form.J_ajaxForms');
	        //ie处理placeholder提交问题
	        if ($.browser.msie) {
	            form.find('[placeholder]').each(function () {
	                var input = $(this);
	                if (input.val() == input.attr('placeholder')) {
	                    input.val('');
	                }
	            });
	        }
	        
	        var formloading=false;
	        //表单验证开始
	        form.validate({
				//是否在获取焦点时验证
				onfocusout:false,
				//是否在敲击键盘时验证
				onkeyup:false,
				//当鼠标掉级时验证
				onclick: false,
	            //验证错误
	            showErrors: function (errorMap, errorArr) {
					//errorMap {'name':'错误信息'}
					//errorArr [{'message':'错误信息',element:({})}]
					try{
						$(errorArr[0].element).focus();
						art.dialog({
							id:'error',
							icon: 'error',
							lock: true,
							fixed: true,
							background:"#CCCCCC",
							opacity:0,
							content: errorArr[0].message,
							cancelVal: '确定',
							cancel: function(){
								$(errorArr[0].element).focus();
							}
						});
					}catch(err){
					}
	            },
	            //验证规则
	            rules: {'post_title':{required:1},'rule_content':{editorcontent:true}},
	            //验证未通过提示消息
	            messages: {'post_title':{required:'请输入标题'},'rule_content':{editorcontent:'内容不能为空'}},
	            //给未通过验证的元素加效果,闪烁等
	            highlight: false,
	            //是否在获取焦点时验证
	            onfocusout: false,
	            //验证通过，提交表单
	            submitHandler: function (forms) {
	            	if(formloading) return;
	                $(forms).ajaxSubmit({
	                    url: form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
	                    dataType: 'json',
	                    beforeSubmit: function (arr, $form, options) {
	                    	formloading=true;
	                    },
	                    success: function (data, statusText, xhr, $form) {
	                    	formloading=false;
	                        if(data.status){
								setCookie("refersh_time",1);
								//添加成功
								Wind.use("artDialog", function () {
								    art.dialog({
								        id: "succeed",
								        icon: "succeed",
								        fixed: true,
								        lock: true,
								        background: "#CCCCCC",
								        opacity: 0,
								        content: data.info,
										button:[
											{
												name: '继续添加？',
												callback:function(){
													reloadPage(window);
													return true;
												},
												focus: true
											},{
												name: '返回列表页',
												callback:function(){
													location='{:U('Posts/index')}';
													return true;
												}
											}
										]
								    });
								});
							}else{
								isalert(data.info);
							}
	                    }
	                });
	            }
	        });
	    });
	////-------------------------
});
</script>
</body>
</html>